
<div class="x_panel">
    <ul class="breadcrumb">
        <li><span class="primary-font"><i class="icon-home"></i></span><a href="index.html"> Home</a></li>
        <li>地图管理</li>

    </ul>
    <div class="smart-widget">
        <div class="smart-widget-header">
            关联地图
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <div class="row">
                    <div class="padding-md">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="smart-widget-header">
                                    角色列表
                                </div>
                                <div class="smart-widget">
                                    <div class="smart-widget-inner">
                                        <div class="smart-widget-body">
                                            <table class="table">
                                                <tr>
                                                    <td class="text-center">角色1</td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">角色1</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="smart-widget-header">
                                    菜单配置
                                </div>
                                <div class="smart-widget">
                                    <div class="smart-widget-inner">
                                        <div class="smart-widget-body">
                                            <form class="no-margin" id="formValidate1" data-validate="parsley" novalidate="">
                                                <ul id="tree" class="ztree" ></ul>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- ./row -->
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->

</div>

<script>
    $(function () {
        $('tbody tr:even').addClass("showbg")
    })
var zTreeObj,
setting = {
view: {
selectedMulti: false
},
check: {
enable: true
},
data: {
simpleData: {
enable: true
}
}
},
zTreeNodes = [
{"name":"网站导航", open:true, children: [
{ "name":"google", "url":"http://g.cn", "target":"_blank"},
{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
]
},
{"name":"网站导航", open:true, children: [
{ "name":"google", "url":"http://g.cn", "target":"_blank"},
{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
]
},
{"name":"网站导航", open:true, children: [
{ "name":"google", "url":"http://g.cn", "target":"_blank"},
{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
]
}
];

$(document).ready(function(){
zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);

});
</script>